<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>eachgo管理-商品销售记录查询</title>
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/css.css">

    <script src="./js/jquery-2.1.4.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/js.js"></script>
</head>
<body>

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->

<div class="container">
    <!--header-div start-->
    <div class="row" style="margin: 0">
        <div class="col-sm-2 col-lg-2" style="padding:0;">
            <img src="img/logo.png" style="height:58px;width:auto;margin: 30px 30px;">
        </div>
        <div class="col-sm-2 col-lg-2">
            <h3 style="margin: 60px 0 0 0">后台管理系统</h3>
        </div>
    </div>
    <!--header-div end-->

    <!--body-div start-->
    <div class="row" style="margin: 0">
        <div class="col-sm-12 col-lg-12" style="background-color: #00cebc;">
            <div style="padding-top: 10px;">
                <span style="font-size: 16px">&nbsp;工号201310414325433</span>
                <span style="margin-left: 50px;"><a href="#" style="color: #000;font-size: 16px;">退出登录</a></span>
                <span class="time pull-right" style="font-size: 16px;"></span>
            </div>

            <div class="row" style="margin: 0">
                <!--leftbar start-->
                <div id="leftbar">
                    <div class="text-center"><h4>欢迎登录Eachgo后台管理系统</h4></div>
                    <div style="background-color: #a2dae0;margin: 0 10px 10px 10px;padding: 1px 0;">
                        <div class="panel-group" id="accordion">
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    仓库管理
                                </button>
                                <div id="collapseOne" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    商品管理
                                </button>
                                <div id="collapseTwo" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    拼购管理
                                </button>
                                <div id="collapseThree" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    订单管理
                                </button>
                                <div id="collapseFour" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    商品评价管理
                                </button>
                                <div id="collapseFive" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                    高校代理管理
                                </button>
                                <div id="collapseSix" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="true" aria-controls="collapseSeven">
                                    管理员帐户
                                </button>
                                <div id="collapseSeven" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseEight" aria-expanded="true" aria-controls="collapseEight">
                                    页面广告管理
                                </button>
                                <div id="collapseEight" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseNine" aria-expanded="true" aria-controls="collapseNine">
                                    用户管理
                                </button>
                                <div id="collapseNine" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--leftbar end-->

                <!--rightbar start-->
                <div id="rightbar">
                    <div class="h4" style="margin-bottom: 0">
                        <span>当前位置：</span>
                        <ol class="breadcrumb" style="display: inline;padding-top: 0;padding-bottom: 0">
                            <li><a href="#">仓库管理</a></li>
                            <li class="active">分类管理</li>
                        </ol>
                    </div>
                    <hr style="margin-top: 10px">
                    <div style="margin: 0 40px">
                        <div style="margin-bottom: 0">
                            <form class="form-inline" action="#" method="post">
                                <label class="control-label">请输入您要查询商品的信息:</label>
                                <select class="form-control">
                                    <option selected>一级分类</option>
                                </select>
                                <span>-</span>
                                <select class="form-control">
                                    <option selected>二级分类</option>
                                </select>
                                <span>-</span>
                                <select class="form-control">
                                    <option selected>品牌</option>
                                </select>
                                <span>-</span>
                                <select class="form-control">
                                    <option selected>型号</option>
                                </select>
                            </form>
                            <form action="#" method="post">
                                <div class="form-group">
                                    <label class="control-label">商品关键词：</label>
                                    <input type="text" class="form-control" style="width: 40%;">
                                </div>
                            </form>
                            <form class="form-inline" action="#" method="post">
                                <div>
                                    <label class="control-label">查询时间段：</label>
                                    <select class="form-control">
                                        <option selected>2008</option>
                                    </select>
                                    <span>-</span>
                                    <select class="form-control">
                                        <option selected>11</option>
                                    </select>
                                    <span>-</span>
                                    <select class="form-control">
                                        <option selected>22</option>
                                    </select>

                                    <span>——</span>

                                    <select class="form-control">
                                        <option selected>2008</option>
                                    </select>
                                    <span>-</span>
                                    <select class="form-control">
                                        <option selected>11</option>
                                    </select>
                                    <span>-</span>
                                    <select class="form-control">
                                        <option selected>22</option>
                                    </select>
                                </div>
                                <div class="text-center" style="margin: 15px;">
                                    <input type="submit" class="btn btn-sm" value="查询" style="margin-right: 100px;">
                                    <input type="reset" class="btn btn-sm" value="取消">
                                </div>
                            </form>
                        </div>
                        <div style="margin-top: 20px">
                            <table class="table text-center" border="1">
                                <thead>
                                <tr>
                                    <td></td>
                                    <td>商品名称</td>
                                    <td>所属货架</td>
                                    <td>价格</td>
                                    <td>销售数量</td>
                                    <td>剩余数量</td>
                                    <td>操作员</td>
                                    <td colspan="2">操作</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>小米2</td>
                                    <td>手机</td>
                                    <td>1200</td>
                                    <td>34</td>
                                    <td>22</td>
                                    <td>拉拉</td>
                                    <td><a href="#">查看</a></td>
                                    <td><a href="#">删除</a></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>小米2</td>
                                    <td>手机</td>
                                    <td>1200</td>
                                    <td>34</td>
                                    <td>22</td>
                                    <td>拉拉</td>
                                    <td><a href="#">查看</a></td>
                                    <td><a href="#">删除</a></td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="table text-center" border="1">
                                <thead>
                                <tr>
                                    <td>商品名称</td>
                                    <td>时间</td>
                                    <td>数量</td>
                                    <td>价格</td>
                                    <td>优惠</td>
                                    <td>订单详情</td>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>小米2</td>
                                    <td>2015-02-04</td>
                                    <td>34</td>
                                    <td>1200</td>
                                    <td>200</td>
                                    <td><a href="#">查看订单详情</a></td>
                                    <td><a href="#">删除</a></td>
                                </tr>
                                <tr>
                                    <td>小米2</td>
                                    <td>2015-02-04</td>
                                    <td>34</td>
                                    <td>1200</td>
                                    <td>200</td>
                                    <td><a href="#">查看订单详情</a></td>
                                    <td><a href="#">删除</a></td>
                                </tr>
                                <tr>
                                    <td colspan="7"><button class="btn btn-sm">导出报表</button></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!--rightbar end-->
            </div>
        </div>
    </div>
    <!--body-div end-->

    <!--footer-div start-->
    <div class="row"  style="margin: 0">
        <div class="col-sm-12 col-lg-12 text-center" style="padding: 0;">
            <h3>Powered by TNT</h3>
            <span class="h3 pull-right">ID:12323434</span>
        </div>
    </div>
    <!--footer-div end-->

</div>

</body>
</html>